<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=
    , initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }


        .card {
            margin: 20px 0 0 20px
        }

        hr {
            margin: 10px 0;
        }

        .poem ul {
            list-style: none;
        }

        .tips ul {
            margin: 20px 0 0 40px;
        }

        .books ol {
            margin-left: 40px;
        }


        .speech {
            margin-bottom: 40px;
        }

        .speech h1 {
            color: blue;
            text-align: center;
        }

        .speech hr {
            margin: 40px;
        }

        .speech img {
            width: 200px;
            height: 100px;
        }

        .speech-content {
            text-indent: 4em;
        }

        .nav-youlu {
            margin-bottom: 100px;
            width: 100%;
        }

        .nav-youlu-notice {
            padding: 8px;
            background-color: #F4F4F4;
            color: gray;
        }

        .nav-youlu-notice img {
            margin-right: 8px;
        }

        .nav-youlu-navlist {
            padding-top: 10px;
            background-color: #fff;
        }

        .nav-youlu-navlist ul {
            list-style: none;
        }

        .nav-youlu-navlist li {
            margin: 10px 0;
            padding: 0 14px;
            float: left;
            border-right: 1px solid #eee;
        }

        .login a {
            color: red;
        }

        .nav-book {
            margin-bottom: 20px;
            width: 100%;
            height: 41px;
            background-color: #D80000;
        }



        .nav-book ul {
            list-style: none;
        }

        .nav-book li {

            float: left;
            padding: 10px 30px;
            color: #fff;
            font-weight: 700;
        }

        .nav-book li.active {
            background-color: #C90000;
        }

        .nav-book li {
            float: left;
            padding: 10px 30px;

        }

        .nav-book li>a {
            color: #fff;
            font-weight: 700;
            text-decoration: none;
            border: 1px solid #EC0101;
            border-radius: 4px;
        }
    </style>



</head>
<body>

    <div class="card poem">
        <h1>送友人</h1>
        <hr />
        <ul>
            <li> 青山横北郭，白水绕东城。</li>
            <li> 此地一为别，孤蓬万里征。</li>
            <li> 浮云游子意，落日故人情。</li>
            <li> 挥手自兹去，萧萧班马鸣。</li>
        </ul>
    </div>

    <div class="card tips">
        <h1>发帖指南</h1>
        <ul>
            <li> 独立思考，自由探索</li>
            <li>发布的内容和互联网、编程开发、产品设计有关</li>
            <li> 标题能准确描述的内容,不要发重复的内容。</li>
            <li>客观投票，确保你看过这篇内容</li>
            <li>如果你遇到了具体的编程难题，请到 <a href="#">问答平台</a> 提问</li>
            <li>保持友善，禁止任何形式的广告、SEO推广</li>
            <li>遵循 <a href="#">用户服务条款</a></li>
        </ul>
    </div>


    <div class="card books">
        <h1>图书列表</h1>
        <ol>
            <li>
                <img src="./book.png" alt="">
            </li>
            <a href="#">电工学</a>
            <li>
                <img src="./book.png" alt="">
            </li>
            <a href="#">中国文化史简编</a>
            <li>
                <img src="./book.png" alt="">
            </li>
            <a href="#">服务管理</a>
        </ol>
    </div>

    <div class="card speech">
        <h1>总裁致辞</h1>
        <hr />
        <p>
            <img src="./boss.jpg" alt="" />
            9月16日下午，东软控股副总裁、东软睿道教育公司总裁李印杲老师相继来到黑龙江外国语学院和哈尔滨学院，分别向两个高校的学子们分享了“怀揣梦想创造未来。<b>-服务外包人才的成长之路”</b>以及<b>“互联网+时代IT人才的成长之路”</b>的主题演讲。
        </p>

        <br>
        <p class="speech-content">
            演讲开始，李印杲总裁指出随着"互联网+”时代的来临，信息技术进-步推动服务外包需求变革，以<b>大数据、物联网、移动互联网、云计算</b>为代表的新-代信息技术正在加速与传统产业融合发展,基于信息化、互联化的新兴商业模式正在重新构建。接下来,李印杲总裁提出IT及服务外包产业具有知识性、专业性、实践性的特点，决定了该产业必然是智力型、应用型人才云集之地;产业国际化亟需兼备技术和语言能力并能够跨文化沟通的人才。近年国内毕业生数量持续快速增长，面临着就业愈加困难的窘迫，同时企业和高校也陷入了人才需求和人才输出的"囚徒困境”中。面对严峻的就业现实,李印杲总裁着重给出了对大学生的建议：“不断提升自己的软技能和硬技能，做好职业生涯规划，从现在开始职涯历程的起点;聚焦IT方向，打好基础，积累相应的工作经验，为就业做好充分准备。”
        </p>
    </div>


    <div class="nav-youlu">
        <div class="nav-youlu-notice"><img src="./welcome.jpg" alt="">您好！欢迎光临有路网</div>
        <div class="nav-youlu-navlist">
            <ul>
                <li class="login">
                    <a href="#">请登录</a>
                </li>
                <li>
                    <a href="#">免费注册</a>
                </li>
                <li>
                    <a href="#">我的有路</a>

                </li>
                <li>
                    <a href="#">我要开店</a>
                </li>
                <li>
                    <a href="#">我要开店</a>
                </li>
                <li>
                    <a href="#">团购批发</a>
                </li>
                <li>
                    <a href="#">客服服务</a>
                </li>
                <li>
                    <a href="#"><img src="./ico_phone.gif" alt=""> 手机有路</a>
                </li>
                <li>
                    <a href="#">微信公众号</a>
                </li>
            </ul>
        </div>
    </div>


    <div class="nav-book">
        <ul>
            <li class="active">全部图书分类</li>
            <li>
                <a href="">首页</a>
            </li>
            <li>
                <a href="">分类</a>
            </li>
            <li><a href="">特卖</a>
            </li>
            <li><a href="">入驻商家</a>
            </li>
            <li><a href="">文具</a>
            </li>
            <li><a href="">考试</a>
            </li>
            <li>
                <a href="">电子书</a>
            </li>
        </ul>
    </div>
</body>
</html>
